<ion-header>
  <ion-toolbar>
    <ion-title>Ionic5 demo</ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <ion-slides pager="true" [options]="slideOpts" padding>
    <ion-slide *ngFor="let item of imageList" >
      <img src="{{item.src}}"/>
    </ion-slide>
  </ion-slides>
  <ion-grid>
    <ion-row>
      <ion-col size="6">
        <ion-card  (click)="goDemo()" style="background-color: rgba(253, 110, 68, 1);color: #fff; ">
          <ion-card-content>
              <ion-icon name="business-outline" style="font-size:32px;"></ion-icon>
              <p>示例</p>         
          </ion-card-content>
        </ion-card>
      </ion-col>

      <ion-col size="6">
        <ion-card style="background-color: rgba(21, 202, 121, 1);color: #fff;;">
          <ion-card-content>
              <ion-icon name="business-outline" style="font-size:32px;"></ion-icon>
              <p>服务</p>         
          </ion-card-content>
        </ion-card>
      </ion-col>

      <ion-col size="6">
        <ion-card  (click)="goCenter()" style="background-color: rgba(55, 193, 157, 1);color: #fff;;">
          <ion-card-content>
              <ion-icon name="business-outline" style="font-size:32px;"></ion-icon>
              <p>个人中心</p>         
          </ion-card-content>
        </ion-card>
      </ion-col>

    </ion-row>

  </ion-grid>
</ion-content>